<template>
  <van-picker
    title="标题"
    show-toolbar
    :columns="columns"
    @confirm="onConfirm"
    @cancel="$emit('close')"
    :default-index="userGander"
  />
</template>

<script>
import { updateUserProfileAPI } from '@/api'

export default {
  name: 'GanderEdit',
  props: {
    userGander: {
      type: Number,
      default: 0
    }
  },

  data () {
    return {
      columns: ['男', '女']
    }
  },
  methods: {
    // 点击确认时触发事件
    async onConfirm (value, index) {
      // value 当前选中的值         女  男
      // index 当前选中的值的索引    1   0
      try {
        await updateUserProfileAPI({
          sex: index
        })

        this.$toast.success('修改成功')

        // 更新视图
        this.$emit('update:userGander', index)

        // 关闭弹框
        this.$emit('close')
      } catch (error) {
        console.log(error)
        this.$toast.fail('修改失败')
      }
    }
  }
}
</script>

<style>

</style>
